<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        body{
            margin:0;
        }
        .outer{
            background-color:#ECECEC;width:100vw;height:100vh;
        }
        .inner{
            width: 700px; margin: 0 auto; text-align: left; position: relative; border-radius: 5px;
            font-size: 14px; font-family:微软雅黑, 黑体;
            box-shadow: rgb(153, 153, 153) 0px 0px 5px; border-collapse: collapse; background:#fff;
        }
        .header {
            height: 25px; line-height: 25px; padding: 15px 35px; border-bottom-width: 1px;
            border-bottom-style: solid; border-bottom-color: #42a3d3; background-color: #49bcff; border-radius: 5px/0px;
        }
        .header-content{
            color: rgb(255, 255, 255); font-size:22px;font-weight:bold;
        }
        .body{
            padding: 15px 20px;
        }
        .footer-content{
            padding:15px 20px;border-top:1px solid #ccc;color:#747474;
            line-height:1.3em;font-size:12px;
        }
        .footer-content-right{
            float: right;
        }
        .footer-content-left{
            line-height: 20px;
        }
        [(${tableInitCss})]
    </style>
</head>
<body>
<div class="outer">
    <div class="inner">
        <div class="header">
            <span class="header-content">[(${emailHeader})]</span>
        </div>
        <div class="body">
            [(${emailBody})]
        </div>
        <div class="footer">
            <div class="footer-content">
                <p class="footer-content-right">为道日损</p>
                <p class="footer-content-left">本邮件系统自动发送，请勿回复!<br>
                    请保管好您的邮箱，避免账号被他人盗用
                </p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
